<style>
  .switchview{
    padding: 0.5rem 3rem 0.5rem 1rem;
  }
</style>
<div style="padding:0 1rem 0 1rem">
  
  <h5>基础功能</h5>
<mdui-card variant="elevated" style="width:100%;">
    <mdui-list>
        <mdui-list-item alignment="start" description="我们并不会储存您的消息过久，储存的意义只在于防止失效。如果您介意可以关闭本功能╮(╯▽╰)╭">查看历史记录<mdui-icon slot="icon" name="folder"></mdui-icon></mdui-list-item>
        <mdui-list-item alignment="center" description="即时性的消息发送，会因为设备不在线而发送失败(后续会解决，现在懒)">发送消息<mdui-icon slot="icon" name="insert_drive_file"></mdui-icon></mdui-list-item>
        <mdui-list-item alignment="end" description="以一定规律发送您的消息，用途看个人">定时任务<mdui-icon slot="icon" name="image"></mdui-icon></mdui-list-item>
    </mdui-list>
</mdui-card>
  
  <h5>功能设置</h5>
<mdui-card variant="elevated" style="width:100%;">
    <mdui-list>
        <mdui-list-item class="switchview" alignment="start" description="因成本限制，我们最多保留您的记录三天(如您需要更长可以联系我们)" nonclickable>查看历史记录<mdui-icon slot="icon" name="folder"></mdui-icon><mdui-switch style="position: absolute;right: 0;margin-right: 1rem;"></mdui-switch></mdui-list-item>
    </mdui-list>
</mdui-card>
  
</div>
